import { useState, useEffect } from 'react'
export default function useFn() {
  const [x, setX] = useState(0)
  const [y, setY] = useState(0)

  // 定义鼠标移动事件处理函数
  function handle(e) {
    setX(e.clientX)
    setY(e.clientY)
  }

  // 当组件挂载的时候,监听鼠标在浏览器可视区的坐标
  useEffect(() => {
    window.addEventListener('mousemove', handle)

    return () => {
      // 组件卸载移除事件. 注意: 移除事件时,传入的函数一定要和绑定的函数是同一个
      window.removeEventListener('mousemove', handle)
    }
  }, [])

  return { x, y }
}
